.journal-archive-browsing-container {
  height: 100%;
  display: flex;
  flex-direction: column;


  .journal-archive-browsing-search {
    margin-bottom: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 10px 16px;

    .journal-archive-browsing-search-form{
      display: flex;
      gap: 6px;
    }
  }

  .journal-archive-es-result {
    position: relative;
    flex: 1;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 4px 4px 4px;

    .close-es-search-result {
      position: absolute;
      right: 16px;
      top: 10px;
      font-size: 16px;
      cursor: pointer;
      display: block;
      z-index: 1;
    }

    .journal-es-article-list {
      flex: 1;
      min-height: 500px;

      > .ant-spin-nested-loading {
        > .ant-spin-container {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
      }

      &.journal-es-article-list-empty {
        > .ant-spin-nested-loading {
          //height: 100%;

          > .ant-spin-container {
            padding-top: 100px;
          }
        }
      }

      /*.hx-article-simple-item-container {
        border: 1px solid transparent;
        border-bottom: 1px solid #F1F1F1;
        border-radius: 0px 4px 4px 4px;

        &:hover {
          background: #F6FAFF;
          border-color: #F1F1F1
        }
      }*/
    }
  }

  .toggle-journal-period-display-type-btn {
    font-size: 16px;
    color: #4E4E4E;
    display: block;
  }
}


